<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
  <head>
  
    <meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>极客之家-首页</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8"> 
    
  </head>
  
  <body>
    <!-- top start --> 
    <jsp:include page="top.jsp"></jsp:include>
    <!-- top end -->
    
    <!-- 图片 start -->
    <div class="container divBlock">
    	<jsp:include page="lunbo.jsp"></jsp:include>
    </div>
    <!-- 图片 end -->
     
    <!-- 三张圆图 start -->
    <!-- <div class="divBlock">
		<div>
			<p>你好</p>
			<p>马云打算多发点发的所发生的发送到发送到送到发送到发送到发送到发送到发</p>
		</div>
		<div style="">

			<div style="float:left;margin-left:40px;">
				<div style="width:100px;height:100px;margin-left:auto;margin-right:auto;">
					<img src="1.jpg" width="250px" height="100px" alt="图片" style="vertical-align: middle;"
						class="img-circle img-responsive img-thumbnail" />
				</div>

				<div class="txt" style="width:200px;height:100px;">
					马云打算多发点发的所发生的发送到发送到发送到发送到发送到发送到发</div>
			</div>
			
			
			<div style="float:left;margin-left:30px;">
				<div style="width:100px;height:100px;margin-left:auto;margin-right:auto;">
					<img src="1.jpg" width="150px" height="100px" alt="图片" style="vertical-align: middle;"
						class="img-circle img-responsive img-thumbnail" />
				</div>

				<div class="txt" style="width:200px;height:100px;">
					马云打算多发点发的所发生的发送到发送到发送到发送到发送到发送到发</div>
			</div>
			
			
			<div style="float:left;margin-left:30px;">
				<div style="width:100px;height:100px;margin-left:auto;margin-right:auto;">
					<img src="1.jpg" width="150px" height="100px" alt="图片" style="vertical-align: middle;"
						class="img-circle img-responsive img-thumbnail" />
				</div>

				<div class="txt" style="width:200px;height:100px;">
					马云打算多发点发的所发生的发送到发送到发送到发送到发送到发送到发</div>
			</div> 
			
		</div>
	</div> -->
    <!-- 三张圆图 end -->
    
    
    <!-- news start -->
	<div id="newsBlock" class="container divBlock">
		<header class="toCenter">
			<h1>
				最新新闻<small> // News</small>
			</h1>
			<hr style="width: 100%;border-top:1px solid  #185598;">
		</header>
		<div class="panel-body">
			<ul id="index_news_ul"> 
			</ul>
		</div>
	</div>

	<!-- blog start -->
	<div id="newsBlock" class="container divBlock">
		<header class="toCenter">
			<h1>
				热门博客<small> // Blogs</small>
			</h1>
			<hr style="width: 100%;border-top:1px solid  #185598;">
		</header>
		<div class="panel-body">
			<ul id="index_blog_ul" class="col-lg-7 col-md-7 col-sm-7 col-xs-12" style="float:left;"> 
			</ul>
			<%-- 最新评论 start --%>
			<div class="common_right_jokes col-lg-5 col-md-5 col-sm-5 hidden-xs" style="float:right;" >
				<h4 >最新评论</h4>
				<!-- 获取多说最新评论 start -->
				<div class="ds-recent-comments" data-num-items="5"
					data-show-avatars="1" data-show-time="1" data-show-title="1"
					data-show-admin="1" data-excerpt-length="70"></div>
				<!-- 获取多说最新评论 end -->
			</div>
			<%-- 最新评论 end --%>
		</div>

		

	</div>
	
	<!-- <div id="blogBlock" class="container-fluid divBlock">
		<div class="row-fluid toBottomLittle">
			<div class="span12">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">热门博客</h3>
					</div>
					<div class="panel-body">
						<ul id="index_blog_ul">
						</ul>
					</div> 
					<div class="panel-footer">
						<span class="span_more"><a href="blog_list.jsp">MORE >></a></span>
					</div>
				</div>
			</div>
		</div>
	</div> -->
	<!-- blog end -->
	
	
	<!-- map start --> 
	<div id="newsBlock" class="container divBlock">
		<header class="toCenter">
			<h1>
				关于我们<small> // About us</small>
			</h1>
			<hr style="width: 100%;border-top:1px solid  #185598;">
		</header>
		<div class="panel-body">
			<div class="col-xs-3 col-sm-3 about_left hidden-xs" id="introduce">
				<h3>&nbsp;&nbsp;&nbsp;雄关漫道真如铁<br>&nbsp;&nbsp;&nbsp;而今迈步从头越</h3>
				<h4>年轻、积极的我们将秉承<br>“厚德、博学、日新、笃行”<br>的精神朝着具有世界水平的软件工程师的方向勇往直前！ </h4>
			</div>
			<div class="col-xs-9 col-sm-9 about_right" id="mapDiv"></div>
		</div>
	</div>
	<!-- map end -->
    
    
    <!-- footer start -->
    <jsp:include page="footer.jsp"></jsp:include>
    <!-- footer end -->
    
    <!-- js start -->
	<!-- index 页面的js -->
	<script type="text/javascript" src="<%=path%>/js/index.js"></script> 
	
	<script type="text/javascript"> 
		$(function() { 
			//$('#newsBlock').hide();  // 隐藏新闻模块 div
			var path='<%=basePath%>';
			initNews(path);
			initBlogs(path);
			beginAutoRefreshNowTimeLabel();//开始刷新 时间
			initWeather();//初始化天气数据 天气
			initIntroduce();//初始化介绍
			
			/* initJisThis();//初始化分享到 */
			
		});
		/**
		 * 初始化地图数据
		 */
			var map = new BMap.Map("mapDiv");
			map.centerAndZoom(new BMap.Point(121.381052,37.524631), 15);
			map.addControl(new BMap.MapTypeControl());
			map.enableScrollWheelZoom(true);
			addMarker(new BMap.Point(121.381052,37.524631));

		/**
		 * 添加地图标记 
		 * @param point
		 */
		function addMarker(point) {
			var marker = new BMap.Marker(point);
			map.addOverlay(marker);
			marker.setAnimation(BMAP_ANIMATION_BOUNCE);
		}
	</script>
	<!--  js end -->
    
  </body>
</html>
